<template>
  <div>
    <TestcaseHeader
      class="AppHeaderVue"
      @openSidebar="openSidebar"
    ></TestcaseHeader>
    <TestcaseSidebar
      :isOpenSidebar="isOpenSidebar"
      @isOpenSidebar2="switchSidebar"
    ></TestcaseSidebar>

    <!-- 主题内容区域 -->
    <div class="main-content">
      <TaskList></TaskList>
    </div>
  </div>
</template>

<script>
import TestcaseHeader from "@/views/replan/components/TestcaseHeader.vue";
import TestcaseSidebar from "@/views/replan/components/TestcaseSidebar.vue";
import TaskList from "@/views/replan/pages/tasklist/TaskList.vue";

export default {
  name: "TestCase",
  data() {
    return {
      isOpenSidebar: false,
    };
  },
  components: {
    TestcaseHeader,
    TestcaseSidebar,
    TaskList,
  },
  methods: {
    openSidebar(item) {
      this.isOpenSidebar = item;
    },
    switchSidebar(item) {
      this.isOpenSidebar = item;
    },
  },
};
</script>

<style lang="scss" scoped></style>
